<script setup>
import SideBar from "@/components/SideBar.vue";
const MessageCenterMenu = {
  title: "消息中心",
  path: "/messages",
  children: [
    { id: 1, title: "回复我的", path: "/reply", icon: "icon-huifuwode" },
    { id: 2, title: "我的帖子", path: "/myPost", icon: "icon-wodetiezi" },
    { id: 3, title: "组队申请", path: "/myApply", icon: "icon-shenqing" },
  ],
};
</script>
<template>
  <div class="message-center-box">
    <SideBar :menuData="MessageCenterMenu"></SideBar>
    <RouterView class="right-box"></RouterView>
  </div>
</template>
<style scoped lang="less">
.message-center-box {
  display: flex;
  .right-box {
    flex: auto;
    padding: 30px 0px 50px 0px;
    margin: 0px auto;
  }
}
</style>